@charset "utf-8";
/********************************************************************************************************************Début du desing Basic***********************************************************************************************************************/

/********************************************************************************************************************Début fond du site**************************************************************************************************************************/

      body
	  {
	  padding: 10px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  background-color:#F8FFE6;
	  background-image:linear-gradient(#F8FFE6,#F3FFD5);
	  margin: 0; /* pour éviter les marges */
	  color:#000000;
	  background-color:d9d8d8;
	  border-right-style: thin;
	  border-top-width: thin;
	  border-right-width: thin;
	  border-bottom-width: thin;
	  border-left-width: thin;
	  }

	  #frame
	  {
	  text-align:center;
	  }

      #global
	  {
	  width: 980px;
	  margin: 0 auto;
	  text-align:left;
	  }

      #logo
	  {
	  margin-bottom: 10px;
	  }

/********************************************************************************************************************Fin fond du site****************************************************************************************************************************/

/********************************************************************************************************************Début du menu du haut***********************************************************************************************************************/

      #header
	  {
	  margin-bottom: 10px;
	  border-radius: 4px;
	  font-size:11px;
	  height: 84px;
	  background-color:#FFFFFF;
	  padding: 5px;
	  border:1px solid;
	  }

	  #cadre_avatar
	  {
	  float: right;
	  }

      #menu_haut
	  {
	  margin-left: 10px;
	  margin-top: 13px;
	  }

      #menu_haut #navigation
	  {
	  }

      #menu_haut #navigation a
	  {
	  font-weight: bold;
	  color: #000000;
	  height: 16px;
	  vertical-align: middle;
	  margin-right: 3px;
	  }

      #menu_haut #navigation img
	  {
	  vertical-align: top;
	  margin-right: 3px;
	  border-style: none;
	  }

      #menu_haut #navigation .separator
	  {
	  margin-right: 1px;
	  }

/********************************************************************************************************************Fin du menu du haut*************************************************************************************************************************/

/********************************************************************************************************************Début du menu de gauche*********************************************************************************************************************/

     /* #menu
	  {
	  float: left;
	  padding-left: 10px;
	  padding-top: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  width: 200px;
	  background-color:#FFFFFF;
	  }*/
		
	  #menu
	  {
	  float: left;
      padding-right: 10px;
	  padding-bottom: 20px;
	  font-size:11px;
	  position:relative;
	 
	  }
	  
      #menu h5
	  {
	  margin-top: 0px;
	  margin-bottom: 6px;
	  }

      #menu hr
	  {
	  margin-bottom: 5px;
	  }

      hr
	  {
	  }
	  
	  .titreDuMenu
	  {
	  font-size: 12px;
	  background-color: #BFD73B;
	  color: rgb (60,60,60);
	  position: relative;
	  width: 180px;
	  padding:1px;
	  border: thin dotted #000;
	  }
	  
	  .contenuDuMenu
	  {
	  border-bottom:0px;
	  font-size: 12px;
	  color: rgb (60,60,60);
	  background-color:#FFF;
	  position: relative;
	  width: 180px;
	  padding:1px;
	  border-top-width: thin;
	  border-right-width: thin;
	  border-bottom-width: thin;
	  border-left-width: thin;
	  border-top-style: none;
	  border-right-style: dotted;
	  border-bottom-style: dotted;
	  border-left-style: dotted;
	  border-top-color: #000;
	  border-right-color: #000;
	  border-bottom-color: #000;
	  border-left-color: #000;
	  }
	  
	  #menu hr
	  {
	  border-color:#E6F2FF;
	  }


/********************************************************************************************************************Fin du menu de gauche***********************************************************************************************************************/

/********************************************************************************************************************Début du contenu du centre******************************************************************************************************************/

      #content
	  {
	  font-size: 13px;
	  border-radius: 4px;
	  border: 1px solid #000000;
	  background-color: #FFFFFF;
	  float: left;
	  width: 80%;
	  overflow:auto;
	  }

      #content #fil_ariane
	  {
	  margin-bottom: 10px;
	  font-size:13px;
	  }

/********************************************************************************************************************Fin du contenu du centre********************************************************************************************************************/

/********************************************************************************************************************Début du menu du bas************************************************************************************************************************/

      #footer
	  {
	  clear: both;
	  font-size:13px;
	  padding-top: 10px;
	  text-align: center;
	  color: #000000;
	  }

/********************************************************************************************************************Fin du menu du bas**************************************************************************************************************************/

/********************************************************************************************************************Début des liens*****************************************************************************************************************************/

      a:link
	  {
	  font-size:11px;
	  text-decoration:none;
	  color:#000000;
	  }

      a:visited
	  {
	  text-decoration:none;
	  font-size:11px;
	  color:#000000;
	  }

      a:hover
	  {
	  text-decoration: underline;
	  color:#44C8F5;
	  }

      a:active
	  {
	  text-decoration:none;
	  }

/********************************************************************************************************************Fin des liens*******************************************************************************************************************************/

/********************************************************************************************************************Début Tout les redirects********************************************************************************************************************/

      #redirect
	  {
	  width: 410px;
	  margin: auto;
	  text-align: center;
	  box-shadow: 0px 0px 10px #000000;
	  border-radius: 4px;
	  border: 2px #545454 solid;
	  padding: 0px;
	  margin-top: 5%;
	  background-color: #FFF;
	  color:#000;
	  }

      #redirect p
	  {
	  margin: 15px;
	  padding: 0px;
	   color:#000;
	  }
	  
	  #bottom_redirect
	  {
	  color:#000;
	  background-color: #A6DD00;
	  width:100%;
	  height:100%;
	  }
	  
	  #redirect hr
	  {
	  border: 1px #AAAAAA solid;
	  }

      #inlineredirect
	  {
	  width: 410px;
	  margin: auto;
	  text-align: center;
	  box-shadow: 0px 0px 10px #000000;
	  border-radius: 4px;
	  border: 2px #545454 solid;
	  padding: 10px;
	  margin-bottom: 15px;
	  background-color: #666666;
	  }

/********************************************************************************************************************Fin Tout les redirects**********************************************************************************************************************/

/********************************************************************************************************************Début Tout les boutons et imput et texterea*************************************************************************************************/

      form p img
	  {
	  vertical-align: top;
	  margin-top: 6px;
	  margin-left: 2px;
	  }

      form p span[class=boxVerif]
	  {
	  margin-left: 2px;
	  }

      form input[type=submit], form input[type=button], form input[type=reset]
	  {
	  color: #000000;
	  background-color:#F5FFDF;
	  border: 2px solid #111;
	  border-radius: 4px;
	  padding: 4px;
	  padding-left: 15px;
	  padding-right: 15px;
	  cursor:pointer;
	  }

      form input[type=submit]
	  {
	  font-weight: bold;
	  }

      form input[type=text], form input[type=password], form input[type=checkbox], form input[type=radio], form input[type=file], form select, form textarea
	  {
	  color: #000000;
	  background-color:#F5FFDF;
	  border: 2px solid #222;
	  border-radius: 4px;
	  padding: 4px;
	  }

      form input[type=text], form input[type=password]
	  {
	  padding-left: 6px;
	  margin-top: 1px;
	  margin-bottom: 1px;
	  }

      form input[type=checkbox], form input[type=radio]
	  {
	  padding: 2px;
	  width: 16px;
	  height: 16px;
	  margin-left: 0px;
	  }

      form
	  {
	  margin-bottom:0;
	  margin-top:0;
	  }

      img
	  {
	  border-style: none;
	  border:0px;
	  }

/********************************************************************************************************************Fin Tout les boutons et imput et texterea***************************************************************************************************/
																							 
/********************************************************************************************************************Début des bbcodes***************************************************************************************************************************/
/*******************************************Début des styles********************************************************/

	  .gras
	  {
	  font-weight:bold;
	  }

	  .italique
	  {
	  font-style:italic;
	  }

	  .souligner
	  {
	  text-decoration:underline;
	  }
	  
	  .barrer
	  {
	  text-decoration:line-through;
	  }

/*******************************************Fin des styles**********************************************************/
/*******************************************Début des positions*****************************************************/

	  .centrer
	  {
		  display:block;
	 	 text-align:center;
	  }

	  .gauche
	  {
		  display:block;
	  text-align:left;
	  }

	  .droite 
	  {
		  display:block;
	  text-align:right;
	  }

	  .justifier
	  {
		  display:block;
	  text-align:justify;
	  }
/*******************************************Fin des positions*******************************************************/
/*******************************************Début des flottants*****************************************************/

	  .flottant_gauche
	  {
	  float:left;
	  clear:none;
	  padding-right:20px;
	  padding-bottom:10px;
	  padding-top:10px;
	  margin-left:10px;
	  }

	  .flottant_droite
	  {
	  float:right;
	  clear:none;
	  padding-left:20px;
	  padding-bottom:10px;
	  padding-top:10px;
	  margin-right:10px;
	  }
/*******************************************Fin des flottants*******************************************************/
/*******************************************Début des polices*******************************************************/

	  .arial
	  {
	  font-family:Arial, Helvetica, sans-serif;
	  }

	  .times
	  {
	  font-family:"Times New Roman", Times, serif;
	  }

	  .courrier
	  {
	  font-family:"Courier New", Courier, monospace;
	  }

	  .impact
	  {
	  font-family:Impact, serif;
	  }

	  .geneva
	  {
	  font-family:Geneva, serif;
	  }

	  .optima
	  {
	  font-family:Optima, serif;
	  }
/*******************************************Fin des polices*********************************************************/
/*******************************************Début des tailles*******************************************************/

      .ttpetit
	  {
	  font-size: xx-small
	  }

	  .tpetit
	  {
	  font-size: x-small
	  }

      .petit
	  {
	  font-size: medium;
	  }

      .grand
	  {
	  font-size: x-large;
	  }

      .tgrand
	  {
	  font-size: xx-large;
	  }

      .ttgrand
	  {
	  font-size: larger;
	  }

	  .grand
	  {
	  font-size:large;
	  }

	  .tres_grand
	  {
	  font-size:x-large;
	  }

	  .tres_tres_grand
	  {
	  font-size:xx-large;
	  }

      .petit
	  {
	  font-size:small;
	  }	  

	  .tres_petit
	  {
	  font-size:x-small;
	  }

	  .tres_tres_petit
	  {
	  font-size:xx-small;
	  }
/*******************************************Fin des tailles*********************************************************/
/*******************************************Début des couleurs******************************************************/

      .texte_blanc
	  {
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color:#000000;
	  }

      .texte_vert
	  {
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color:#CDFF46;
	  }

	  .noir
	  {
	  color:#000000;
	  }

	  .bleu
	  {
	  color:#000099;
	  }

	  .bleu_fonce
	  {
	  color:#162277;
	  }

	  .marron
	  {
	  color:#A52A2A;
	  }

	  .gris
	  {
	  color:#757575;
	  }

	  .gris_fonce
	  {
	  color:#404040;
	  }

	  .gris_clair
	  {
	  color:#808080;
	  }

	  .cor
	  {
	  color:#FFD700;
	  }

	  .rouge
	  {
	  color:#FF0000;
	  }

	  .vert_fonce
	  {
	  color:#177531;
	  }

	  .vert
	  {
	  color:#33CC00;
	  }

	  .rose
	  {
	  color:#ff88f8;
	  }

	  .argent
	  {
	  color:#CCCCCC;
	  }

	  .jaune
	  {
	  color:#FFFF00;
	  }

	  .fushia
	  {
	  color:#F73DF7;
	  }

	  .violet
	  {
	  color:#CC33CC;
	  }

	  .olive
	  {
	  color:#A7A700;
	  }

	  .azur
	  {
	  color:#66FFFF;
	  }

	  .orange
	  {
	  color:#FFC800;
	  }

	  .marine
	  {
	  color:navy;
	  }

	  .turquoise
	  {
	  color:aqua;
	  }
/*******************************************Fin des couleurs********************************************************/
/*******************************************Début des sémantiques***************************************************/

      .titre_1
	  {
	  display:inline;
	  font-weight:bold;
	  font-size:16px;
	  margin-bottom:3px;
	  color:#000000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-variant:small-caps;
	  background-image:url(images/gauche.jpeg);
	  }

      .titre_2
	  {
	  display:inline;
	  font-weight:bold;
	  font-size:12px;
	  margin-bottom:2px;
	  color:#000000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-variant:small-caps;
	  background-image:url(images/gauche.jpeg);
	  }
/*******************************************Fin des sémantiques*****************************************************/
/*******************************************Début des citations*****************************************************/

      .citation
	  {
	  width:auto;
	  background-image:url(images/gris_claire.jpeg);
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:left;
	  font-size:11px;
	  }

/*******************************************Fin des citations*******************************************************/
/********************************************************************************************************************Fin des bbcodes******************************************************************************************************************************/

/********************************************************************************************************************Début des parentes***************************************************************************************************************************/

.parente
{
    display:block;
  position:relative;
}
 
.parente div
{
  float:left;
}
/********************************************************************************************************************Fin des parentes*****************************************************************************************************************************/


/********************************************************************************************************************Début des h1, h2, h3, h4, h5****************************************************************************************************************/

      h1
	  {
	  /* text-align: left; */
	  /* margin-left: 230px; */
	  font-size: 13pt;
	  color: #000000;
	  font-family:Arial, Helvetica, sans-serif;
	  }

      h2
	  {
	  font-size:14px;
	  padding: .25em;
	  margin-top: 0;
	  font-family:Arial, Helvetica, sans-serif;
	  }

      h3
	  {
	  font-size:10px;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000;
	  }

      h4
	  {
	  font-size:10px;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000;
	  }
      h5
	  {
	  font-size:10px;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#000000;
	  }



/********************************************************************************************************************Fin  des h1, h2, h3, h4, h5*****************************************************************************************************************/


/********************************************************************************************************************Début du texte gauche, centrer et droite****************************************************************************************************/

      .texte_gauche
	  {
	  text-align:left;
	  }

      .texte_centrer
	  {
	  text-align:center;
	  }

      .texte_droite
	  {
	  text-align:right;
	  }

/********************************************************************************************************************Fin du texte gauche, centrer et droite******************************************************************************************************/



/********************************************************************************************************************Début des label, legend, carre, ul, il******************************************************************************************************/

      .carre
	  {
	  list-style-type:square;
	  margin:10px;
	  margin-top: 2px;
	  padding-left: 20px;
	  color:#FF0000;
	  text-align:left;
	  }

	  ul li 
	  {
	  color:#FF0000;
	  text-decoration: none;
	  }

	   label
	  {
	  display:block;
	  padding-top: 6px;
	  }

      fieldset
	  {
	  margin:1%;
	  background-color:#F0F0F2;
	  }

	  legend
	  {
	  font-size:15px;
	  color:#000000;
	  padding:2px;
	  border:1px solid #000000;
	  background-color:#BFD73B;

	  }
	  
	  .pagination
	  {
	  margin:1%
	  }

	  .cadre_pagination
	  {
	  margin:5px;
	  padding:0px;
	  border:1px solid #000000;
	  }

      .information
	  {
	  background-color:#F0F0F2;
	  margin:1%;
	  padding:1%;
	  border:1px solid #000000;
	  }

/********************************************************************************************************************Fin des label, legend, carre, ul, il*********************************************************************************************************/

/********************************************************************************************************************Début module inscription*********************************************************************************************************************/
	  .inscription
	  {
	  margin:10%;
	  }

/********************************************************************************************************************Fin module inscription***********************************************************************************************************************/
/********************************************************************************************************************Début module connexion***********************************************************************************************************************/
	  .connexion
	  {
	  margin:15%;
	  }


/********************************************************************************************************************Fin module connexion*************************************************************************************************************************/

/********************************************************************************************************************Début Cadre gauche et cadre droite***********************************************************************************************************/

	  .cadre_left
	  {
	  float:left;
	  width:49%;
	  }

	  .cadre_right
	  {
	  float:right;
	  width:49%;
	  }

/********************************************************************************************************************Fin Cadre gauche et cadre droite*************************************************************************************************************/
/********************************************************************************************************************Début Cadre des fieldsets & legends en div***********************************************************************************************************/

.cadre_titre{
  position:relative;
  padding:1em 0.5em 0.5em;
  border:1px solid #000000;
	  background-color:#F0F0F2;
}
.cadre_titre titre
{
  position:absolute;
  font-weight:normal;
  font-size:12px;
  top:10px;
  margin:-1.25em 0 0;
  padding:0em 1em;
	  background-color:#BFD73B;	  
  border:1px solid #000000;
}



/********************************************************************************************************************fin Cadre des fieldsets & legends en div***********************************************************************************************************/
/********************************************************************************************************************Début des réseaux sociaux*******************************************************************************************************************/
	  .facebook
{
  position:absolute;
  font-weight:normal;
  font-size:12px;
  top:5px;
  width:45%;
  cursor:pointer;
  margin:-1.25em 0 0;
  padding:0em 1em;
	  background-color:#BFD73B;	  
  border:1px solid #000000;
}
	  .twitter
{
  position:absolute;
  font-weight:normal;
  font-size:12px;
  top:-10px;
  margin-left:55%;
  width:35%;
  cursor:pointer;
  padding:0em 1em;
	  background-color:#BFD73B;	  
  border:1px solid #000000;
}

/********************************************************************************************************************Fin des réseaux sociaux*******************************************************************************************************************/



/********************************************************************************************************************Début module index***************************************************************************************************************************/

      .cadre_transparent
	  {
	  margin-left:1%;
	  margin-right:1%;
	  overflow:auto;
	  }

	  .cadre_visible
	  {
	  margin-left:1%;
	  margin-right:1%;
	  border:1px solid #000000;
	  overflow:auto;
	  }
	  .cadre_border_bottom_top
	  {
	  margin-left:-8px;
	  margin-right:-8px;
	  border-bottom: 1px solid #000000;
	  border-top:1px solid #000000;
	  overflow:auto;
	  }

	  .cadre_border_bottom
	  {
	  margin-left:-8px;
	  margin-right:-8px;
	  border-bottom: 1px solid #000000;
	  overflow:auto;
	  }
 .cadre_border_nobottom
   {
   margin-left:-10px;
   margin-right:-11px;
   overflow:auto;
   }
/********************************************************************************************************************Fin module index*****************************************************************************************************************************/

/********************************************************************************************************************Début du contenu****************************************************************************************************************************/
      .contenu
	  {
	  border:1px solid #000000;
	  padding:5px;
	  background-color:#F0F0F2;
	  overflow:auto;
	  }

/********************************************************************************************************************Fin du contenu******************************************************************************************************************************/
/********************************************************************************************************************Début du titre des contenues****************************************************************************************************************/

      .header_cadre_tutos
	  {
	  background-color:#BFD73B;
	  color:#09F;
	  }

      .header_cadre_news
	  {
	  background-color:#BFD73B;
	  color:#060;
	  }

      .header_cadre_topic
	  {
	  background-color:#BFD73B;
	  box-shadow: 0px 1px 5px #F90;
	  color:#C74D12;
	  }

      .header_cadre_activite
	  {
	  background-color:#BFD73B;
	  box-shadow: 0px 1px 5px #FF4F4F;
	  color:#FF4F4F;
	  }


/********************************************************************************************************************Fin du titre des contenues*******************************************************************************************************************/


/********************************************************************************************************************Début du module du forum********************************************************************************************************************/
/********************************Début des hovers du forum**********************************************************/

      .hover_du_categorie_forum
 
          {
			  overflow:auto;
 			display:block;
          background-color:#F0F0F0;
		  border-bottom:1px solid #000000;
		  border-left:1px solid #000000;
		  border-right:1px solid #000000;
		            }
 

 
      .hover_du_categorie_forum:hover
 
          {
 
          background-color:#CCC;
 
          }
 

 

	  .hover_du_categorie_noforum
	  {
	  
	  width:auto;
	  overflow:auto;
          background-color:#F0F0F0;
		  border-bottom:1px solid #000000;
		  border-left:1px solid #000000;
		  border-right:1px solid #000000;

	  }
	  .hover_du_categorie_noforum:hover
	  {
	  	background-color:#CCC;
	  }
/********************************Fin des hovers du forum************************************************************/
/********************************Début index************************************************************************/

	  .cadre_forum
	  {
	  font-size:12px;
	  overflow:auto;
	  background-color:#BFD73B;
	  border-top:1px solid #000000;
	  border-left:1px solid #000000;
	  border-right:1px solid #000000;
	  }

	  .cadre_forum_bottom
	  {
	  overflow:auto;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }

      .titre_systeme_lu_non_lu
	  {
	  padding:2px;
	  width:6%;
	  margin-left:-2px;
	  }

      .titre_categorie
	  {
	  padding:2px;
	  width:50%;
	  margin-right:2px;
	  border-left:1px solid #000000;
	  }

      .titre_sujet
	  {
	  padding:2px;
	  width:6%;
	  margin-left:-5px;
	  margin-right:-8px;
	  border-left:1px solid #000000;
	  }

      .titre_message
	  {
	  padding:2px;
	  width:9%;
	  margin-left:5px;
	  margin-right:-7px;
	  border-left:1px solid #000000;
	  }
      .titre_dernier_message
	  {
	  padding:2px;
	  width:25%;
	  margin-left:1px;
	  border-left:1px solid #000000;
	  }

      .contenu_systeme_lu_non_lu
	  {
	  padding:2px;
	  width:6%;
	  margin-right:-1px;
	  min-height:80px;
	  }

      .contenu_categorie
	  {
	  padding:2px;
	  width:49%;
	  margin-left:-1px;
	  margin-right:1px;
	  min-height:80px;
	  border-left:1px solid #000000;
	  }

      .contenu_sujet
	  {
	  padding:2px;
	  width:6%;
	  margin-left:3px;
	  min-height:80px;
	  border-left:1px solid #000000;
	  }
     .contenu_message
	  {
	  padding:2px;
	  width:8%;
	  margin-left:-3px;
	  min-height:80px;
	  border-left:1px solid #000000;
	  }

      .contenu_dernier_message
	  {
	  padding:2px;
	  width:25%;
	  margin-left:2px;
	  min-height:80px;
	  border-left:1px solid #000000;
	  }


/********************************Fin index**************************************************************************/



/********************************Début méssagerie privé*************************************************************/
	  .cadre_mp
	  {
	  max-width:98.2%;
	  min-width:98.2%;
	  font-size:11px;
	  height:80px;
	  margin-right:1px;	
	  }

      .cadre_mp .mp_de_a
	  {
	  display:table-cell;
	  height:80px;
	  line-height:100px;
	  vertical-align:central middle ;
	  }

      .mp_avatar
	  {
	  width:8%;
	  height:80px;
	  vertical-align:middle;
	  }

      .mp_info
	  {
	  width:23%;
	  height:80px;
	  vertical-align:middle;
	  }

      .mp_titre
	  {
	  width:34%;
	  height:80px;
	  vertical-align:middle;
	  }

      .mp_auteur_lu_nonlu
	  {
	  width:4%;
	  height:80px;
	  }


      .mp_nombre_de_mesage
	  {
	  width:13%;
	  height:80px;
	  }
       .mp_nbpage
	  {
	  	width:8%;
	  height:80px;
	  }
      .mp_supprimer
	  {
	  width:2%;
	  height:80px;
	  }

/********************************Début de la légende du messagerie**************************************************/

      .contour_newmp 
	  {
	  color:#000000;
	  width:auto;
	  overflow:auto;
	  background-color:#FFC58A;
	  }

	  
      .contour_newmp:hover
	  {
	  background-color:#FFB755;
	  }
	  
	  .contour_mplock 
	  {
	  color:#000000;
	  width:auto;
	  overflow:auto;
	  
	  background-color:#FFD9F8;
	  }

	  
      .contour_mplock:hover
	  {
	 	 background-color:#FFCEF0;
	  }

/********************************Fin de la légende du messagerie****************************************************/

/********************************Début des hovers du messagerie*****************************************************/

      .hover_du_categorie_mp
	  {
	  width:auto;
	  overflow:auto;
	  background-color:#F0F0F0;
	  }

      .hover_du_categorie_mp:hover
	  {
	  background-color:#CCC;
	  }
 .hover_du_categorie_nomp
   {
	  width:auto;
	  overflow:auto;
   }

/********************************Fin des hovers du messagerie*******************************************************/


/********************************Fin méssagerie privé***************************************************************/

/********************************************************************************************************************Fin du module du forum**********************************************************************************************************************/

/********************************************************************************************************************Début des commentaires poster***************************************************************************************************************/

       .commentaire_sujet
	  {
	  background-color:#F0F0F2;
	  overflow:auto;
	  font-size:11px;
	  margin-left:-7px;
	  border-bottom:1px solid #000000;
	  }
       .commentaire_date
	  {
	  background-color:#F0F0F2;
	  overflow:auto;
	  font-size:11px;
	  border:1px solid #000000;
	  }
       .commentaire_poster
	  {
	  background-color:#F0F0F2;
	  overflow:auto;
	  font-size:11px;
	  border-left:1px solid #000000;
	  border-right:1px solid #000000;
	  border-bottom:1px solid #000000
	  }

      .poster_commentaire
	  {
	  float:left;
	  padding:2px;
	  width:23%;
	  border-right:1px solid #000000;
	  }

      .nbr_message_commentaire
	  {
	  float:right;
	  padding:2px;
	  width:75%;
	  margin-right:5px;
	  text-align:right;
	  color:#FF0000;
	  }

      .avatar_commentaire
	  {
	  float:left;
	  width:23%;
	  padding:2px;
	  min-height:230px;
	  font-weight:bold;
	  border-right:1px solid #000000;
	  }

	  .message_commentaire
	  {
	  float:right;
	  width:75%;
	  min-height:230px;
	  padding:2px;
	  }

      .commentaire_message
	  {
	  min-height:150px;
	  margin-left:-8px;
	  padding:2px;
	  }

      .sujet_message
	  {
	  float:left;
	  width:82%;
	  padding:2px;
	  }

      .bouton_message_commentaire
	  {
	  float:right;
	  padding:2px;
	  }

	  .editer_commentaire
	  {
	  padding:2px;
	  text-align:right;
	  margin-left:-8px;
	  }
	  .signature_commentaire
	  {
	  padding:2px;
	  margin-left:-8px;
	  }


	  .bouton_left_commentaire
	  {
	  float:left;
	  width:39%;
	  min-height:180px;
	  border:1px solid #000000;
	  }

	  .bouton_right_commentaire
	  {
	  float:right;
	  width:60%;
	  text-align:right;
	  min-height:180px;
	  border:1px solid #000000;
	  }

/********************************************************************************************************************Fin des commentaires poster*****************************************************************************************************************/

/********************************************************************************************************************Début des activiters************************************************************************************************************************/
/********************************Début des titres de la liste des activités*****************************************/

      .titre_activiter_date
	  {
	  width:10%;
	  padding:2px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
      .titre_activiter_sortie
	  {
	  width:20%;
	  padding:2px;
	  margin-left:1px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
      .titre_activiter_ville
	  {
	  width:25%;
	  padding:2px;
	  margin-left:1px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
      .titre_activiter_organisateur
	  {
	  width:11%;
	  padding:2px;
	  margin-left:1px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
      .titre_activiter_inscrit
	  {
	  width:18%;
	  padding:2px;
	  margin-left:1px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
      .titre_activiter_commentaire
	  {
	  width:10%;
	  padding:2px;
	  margin-left:1px;
	  background-color: #BFD73B;
	  border:1px solid #000000;
	  }
/********************************Fin des titres de la liste des activités*******************************************/
/********************************Début des contenue de la liste des activités***************************************/
      .contenue_activiter_date
	  {
	  width:8%;
	  min-height:50px;;
	  margin-left:-5px;
	  }
      .contenue_activiter_sortie
	  {
	  width:48%;
	  min-height:50px;;
	  }
       .contenue_activiter_ville
	  {
	  width:26%;
	  min-height:50px;;
	  }
       .contenue_activiter_organisateur
	  {
	  width:12%;
	  min-height:50px;;
	  }
       .contenue_activiter_commentaire
	  {
	  width:18%;
	  min-height:50px;;
	  }

/********************************Fin des contenue de la liste des activités*****************************************/

/********************************Début des titres crée une activité*************************************************/

      .cadre_organisateur
	  {
	  min-height:100px;
	  }
	  
	  #titreSortie
	  {
	  width:77%;
	  }

	  .cadre_debut
	  {
	  width:31%;
	  min-height:40px;
	  }

	  .cadre_date
	  {
	  width:28%;
	  margin-left:1%;
	  min-height:40px;
	  }

	  .cadre_fin
	  {
	  width:28%;
	  margin-left:1%;
	  min-height:40px;
	  }

	  .cadre_option
	  {
	  margin-right:2%;
	  width:23%;
	  min-height:40px;
	  }

      .cadre_participants
	  {
	  min-height:30px;
	  }

	  .cadre_adresse
	  {
	  min-height:200px;
	  }

      .precisionSortie
	  {
	  min-height:180px;
	  width:96%;
	  }

	  .itineraire
	  {
	  width:60%;
	  }

      .lieu
	  {
	  width:98%;
	  }

      .bSubmitSortie
	  {
	  text-align:center;
	  }

      .bSubmitBrouillon
	  {
	  text-align:center;
	  }



/********************************Fin des titres crée une activité***************************************************/
/********************************Début des titres détailles d'une activité******************************************/

      .cadre_info_sortie_organisateur
	  {
	  display:table-cell;
	  border:1px solid #000000;
	  }
      .numero_sortie
	  {
	  margin-left:1%;
	  margin-right:1%;
	  overflow:auto;
	  border-bottom:1px solid #000000;
	  }
      .numero_sortie_left
	  {
	  float:left;
	  width:30%;
	  padding:2px;
	  min-height:30px;
	  overflow:auto;
	  background-color:#00FF00;
	  border-top:1px solid #000000;
	  border-left:1px solid #000000;
	  border-right:1px solid #000000;
	  }
	  
	  .numero_sortie_right
	  {
	  float:right;
	  overflow:auto;
	  text-align:right;
	  width:69%;
	  }
	  
	  .organisateur_sur_sortie
	  {
	  width:30%;
	  border:1px solid #000000;
	  }
	  .info_sur_sortie
	  {
	  width:30%;
	  border:1px solid #000000;
	  }
	  .photo_sur_sortie
	  {
	  width:30%;
	  border:1px solid #000000;
	  }


/********************************Fin des titres détailles d'une activité********************************************/
/********************************Début des cadres liste principaux + attente d'une activité*************************/

      .liste_des_inscrits_attentes
	  {
	  float: left;
	  border:1px solid #000000;
	  background-color:#FFFFFF;
	  margin-right:2%;
	  width:30%;
	  min-height:200px;
	  }

/********************************Fin des cadres liste principaux + attente d'une activité***************************/

/********************************Début du journal d'une activité****************************************************/

      .cadre_journal
	  {
	  margin-left:-1%;
	  margin-right:-1%;
	  overflow:auto;
	  border:1px solid #000000;
	  }
      .journal_avatar
	  {
	  float:left;
	  padding:2px;
	  width:24%;
	  min-height:150px;  
	  }
     .journal_info
	  {
	  float:right;
	  padding:2px;
	  width:74%;
	  min-height:150px;
	  border-left:1px solid #000000;
	  }
       .journal_commentaire
	  {
	  padding:2px;
	  border:1px dashed #000000;
	  background-color:#FFFFFF;
	  }


/********************************Fin du journal d'une activité******************************************************/

/********************************Début mes rencontres des activités*************************************************/

      .avatar_rencontre
	  {
	  width:33%;
	  margin-left:-3%;
	  border:1px solid #000000;
	  }

      .pseudo_rencontre
	  {
	  margin-left:1%;
	  width:45%;
	  border:1px solid #000000;
	  }

      .nombre_rencontre
	  {
	  margin-left:1%;
	  margin-right:-5%;
	  width:24%;
	  border:1px solid #000000;
	  }

      .contenue_avatar_rencontre
	  {
	  width:33%;
	  margin-left:-3%;
	  min-height:64px;
	  }

      .contenue_pseudo_rencontre
	  {
	  margin-left:1%;
	  width:45%;
	  min-height:64px;
	  }

      .contenue_nombre_rencontre
	  {
	  margin-left:1%;
	  margin-right:-5%;
	  width:24%;
	  min-height:64px;
	  }


/********************************Fin mes rencontres des activités***************************************************/

/********************************Début du filtre des activités des membres******************************************/
      .filtre_nom
	  {
	  
	  width:20%;
	  border:1px solid #000000;
	  }
      .filtre_ville
	  {
	  
	  width:20%;
	  border:1px solid #000000;
	  }

      .filtre_departement
	  {
	  width:40%;
	  border:1px solid #000000;
	  }
      .filtre_supprimer
	  {
	  width:10%;
	  overflow:auto;
	  border:1px solid #000000;
	  }
	  
	  .filtre_supprimer a{
		  cursor:pointer;
		  background-image:url(images/activite/supprimer.gif);
		  background-repeat:no-repeat;
		  text-decoration:none;
	  }
/********************************Fin du filtre des activités des membres********************************************/

/********************************Début du 4 cadres couleurs pour les différents des activités***********************/

      .sortie_organisateur
	  {
	  color:#000000;
	  background-color:#00FF00;
	  overflow:auto;
	  margin-left:2px;
	  margin-right:2px;
	  }

      .sortie_inscrit
	  {
	  color:#000000;
	  background-color:#004800;
	  overflow:auto;
	  margin-left:2px;
	  margin-right:2px;
	  }

      .sortie_attente
	  {
	  color:#000000;
	  background-color:#666666;
	  overflow:auto;
	  margin-left:2px;
	  margin-right:2px;
	  }

      .sortie_valide
	  {
	  overflow:auto;
	  color:#000000;
	  background-color:#FF0000;
	  margin-left:2px;
	  margin-right:2px;
	  }

      .sortie_partenariat
	  {
	  color:#000000;
	  background-color:#0033FF;
	  overflow:auto;
	  margin-left:2px;
	  margin-right:2px;
	  }

      .sortie_ami
	  {
	  overflow:auto;
	  color:#000000;
	  background-color:#FF9966;
	  overflow:auto;
	  margin-left:2px;
	  margin-right:2px;
	  }

/********************************Fin du 4 cadres couleurs pour les différents des activités**************************/

/********************************************************************************************************************Fin des activiters**************************************************************************************************************************/

/********************************************************************************************************************Début des listes****************************************************************************************************************************/
/********************************Début listes des tutos & cours*****************************************************/

	  .clearTuto
	  {
	  display:inline-block;
	  margin:5px;
	  padding: 0;
	  width: 160px;
	  }

      .liste_des_images
	  {
	  border:0px;
	  max-width:80px;
	  max-height:50px ;
	  }
	  
	  .nombre_tutos
	  {
	  border:1px solid #000000;
	  background-color:#BFD73B;
	  margin:2%;
	  }



/********************************Fin listes des tutos & cours*******************************************************/


/********************************Début listes des vidéos************************************************************/

	  .clearVideo
	  {
	  display:inline-block;
	  width:30%;
	  margin: 5px;
	  }
	  
	  .clearVideo .video iframe{
		  width:100%;
	  }

/********************************Fin listes des vidéos**************************************************************/

/********************************************************************************************************************Fin des listes******************************************************************************************************************************/

/********************************************************************************************************************Début du module sondage*********************************************************************************************************************/
/********************************Début des titres du sondage********************************************************/

      .titre_sondage_titre
	  {
	  width:33%;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
      .titre_sondage_question
	  {
	  width:10%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
      .titre_sondage_auteur
	  {
	  width:10%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
      .titre_sondage_debut
	  {
	  width:23%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
      .titre_sondage_fin
	  {
	  width:15%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
      .titre_sondage_etat
	  {
	  width:5%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
/********************************Fin des titres du sondage**********************************************************/
/********************************Début des contenus sondage*********************************************************/

      .contenu_sondage_titre
	  {
	  width:33%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
      .contenu_sondage_question
	  {
	  width:11%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
      .contenu_sondage_auteur
	  {
	  width:10%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_sondage_debut
	  {
	  width:24%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_sondage_fin
	  {
	  width:15%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_sondage_etat
	  {
	  width:5%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }

/********************************Fin des contenus sondage***********************************************************/
/********************************Début de la progrésion des sondages************************************************/

      .sondage_progression
	  {
	  height:8px;
	  }

/********************************Fin de la progrésion des sondages**************************************************/
/********************************************************************************************************************Fin du module sondage***********************************************************************************************************************/
/********************************************************************************************************************Début du module tuto & cours****************************************************************************************************************/
/********************************Début du titre tuto & cours********************************************************/

      .titre_tuto_titre
	  {
	  width:45%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .titre_tuto_auteur
	  {
	  width:10%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_tuto_visite
	  {
	  width:6%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_tuto_date
	  {
	  width:23%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_tuto_commentaire
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du titre tuto & cours**********************************************************/
/********************************Début du contenu tuto & cours******************************************************/

      .contenu_tuto_titre
	  {
	  width:45%;
	  }
      .contenu_tuto_auteur
	  {
	  width:11%;
	  }
      .contenu_tuto_visite
	  {
	  width:7%;
	  }
      .contenu_tuto_date
	  {
	  width:23%;
	  }
      .contenu_tuto_commentaire
	  {
	  width:13%;
	  }

/********************************Fin du contenu tuto & cours********************************************************/

/********************************Début du view du tuto & cours******************************************************/

      .tuto_avatar
	  {
	  width:11%;
	  overflow:auto;
	  }

      .tuto_info
	  {
	  width:79%;
	  overflow:auto;
	  }
      .tuto_supprimer
	  {
	  width:9%;
	  overflow:auto;
	  }


/********************************Fin du view du tuto & cours********************************************************/

/********************************************************************************************************************Fin du module tuto & cours******************************************************************************************************************/



/********************************************************************************************************************Début du module sondage*********************************************************************************************************************/
/********************************Début du titre sondage*************************************************************/

      .titre_sondage_titre
	  {
	  width:29%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .titre_sondage_question
	  {
	  width:10%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_sondage_auteur
	  {
	  width:6%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_sondage_debut
	  {
	  width:23%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_sondage_fin
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_sondage_etat
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du titre sondage***************************************************************/
/********************************Début du contenu sondage***********************************************************/

      .contenu_sondage_titre
	  {
	  width:29%;
	  }
      .contenu_sondage_question
	  {
	  width:10%;
	  }
      .contenu_sondage_auteur
	  {
	  width:7%;
	  }
      .contenu_sondage_debut
	  {
	  width:23%;
	  }
      .contenu_sondage_fin
	  {
	  width:14%;
	  }
      .contenu_sondage_etat
	  {
	  width:13%;
	  }

/********************************Fin du contenu sondage**************************************************************/
/********************************************************************************************************************Fin du module sondage***********************************************************************************************************************/









/********************************************************************************************************************Début du module news************************************************************************************************************************/
/********************************Début du titre news****************************************************************/

      .titre_news_icone
	  {
	  width:29%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .titre_news_titre
	  {
	  width:10%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_news_categorie
	  {
	  width:6%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_news_auteur
	  {
	  width:23%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_news_visite
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_news_date
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .titre_news_commentaire
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du titre news******************************************************************/
/********************************Début du contenu news**************************************************************/

      .contenu_news_icone
	  {
	  width:29%;
	  }
      .contenu_news_titre
	  {
	  width:10%;
	  }
	  .contenu_news_categorie
	  {
	  width:7%;
	  }
	  .contenu_news_auteur
	  {
	  width:10%;
	  }
	  .contenu_news_visite
	  {
	  width:14%;
	  }
	  .contenu_news_date
	  {
	  width:13%;
	  }
	  .contenu_news_commentaire
	  {
	  width:11%;
	  }
/********************************Fin du contenu sondage**************************************************************/
/********************************************************************************************************************Fin du module sondage***********************************************************************************************************************/








/********************************************************************************************************************Début du module news************************************************************************************************************************/
/********************************Début des titres des news**********************************************************/

      .titre_news_image
	  {
	  width:4%;
	  padding:1px;
	  background-color:#BFD73B;	  
	  border:1px solid;
	  }
      .titre_news_titre
	  {
	  width:34%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .titre_news_categorie
	  {
	  width:7%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
	  
      .titre_news_auteur
	  {
	  width:10%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .titre_news_visite
	  {
	  width:6%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }
  
      .titre_news_date
	  {
	  width:22%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }



      .titre_news_commentaire
	  {
	  width:12%;
	  margin-left:1px;
	  padding:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

/********************************Fin des titres des news************************************************************/

/********************************Début des contenus des news********************************************************/

      .contenu_news_image
	  {
	  width:4%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_news_titre
	  {
	  width:35%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_news_categorie
	  {
	  width:7%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_news_auteur
	  {
	  width:11%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
	  .contenu_news_visite
	  {
	  width:6%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  
      .contenu_news_date
	  {
	  width:23%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }
	  .contenu_news_commentaire
	  {
	  width:12%;
	  padding:1px;
	  background-color:#F0F0F2;
	  }

/********************************Fin des contenus des news**********************************************************/


/********************************************************************************************************************Fin du module news**************************************************************************************************************************/

/********************************************************************************************************************Début du module du membre et equipe*********************************************************************************************************/
/********************************Début des titres des Membres & Equipes*********************************************/
      .liste_des_titres_des_avatars
	  {
	  width:11%;
	  margin-left:20px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .liste_des_titres_des_pseudos
	  {
	  width:23%;
	  margin-left:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .liste_des_titres_des_groupes
	  {
	  width:12%;
	  margin-left:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .liste_des_titres_des_inscriptions
	  {
	  width:25%;
	  margin-left:1px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

      .liste_des_titres_des_visites
	  {
	  width:24%;
	  margin-left:1px;
	  margin-right:-10px;
	  border:1px solid;
	  background-color:#BFD73B;	  
	  }

/********************************Fin des titres des Membres & Equipes***********************************************/

/********************************Début des contenus des Membres & Equipes*******************************************/

      .liste_des_contenus_des_avatars
	  {
	  width:11%;
	  }

      .liste_des_contenus_des_pseudos
	  {
	  width:24%;
	  margin-left:4px;
	  }

      .liste_des_contenus_des_groupes
	  {
	  width:13%;
	  margin-left:4px;
	  }

      .liste_des_contenus_des_inscriptions
	  {
	  width:25%;
	  margin-left:4px;
	  }

      .liste_des_contenus_des_visites
	  {
	  margin-left:4px;
	  }

/********************************Fin des contenus des Membres & Equipes*********************************************/

/********************************Début des cadres liste membre******************************************************/

      .clearMembres
	  {
	  display:block;
	  float:left;
	  margin:2px;
	  width:243px;
	  font-size:11px;
	  overflow:auto;
	  background-color:#FFFFFF;
	  border:1px solid #000000;
	  }

	  .liste_des_pseudos_avatars
	  {
	  text-align:center;
	  min-height:100px;
	  padding:3px;
	  border:1px solid #000000;
	  }

     .informationNoMembre
	  {
	  }

     .informationMembre
	  {
	  overflow:auto;
	  border-bottom:1px dashed #000000;
	  }

      .titresInformation
	  {
	  float:left;
	  color:#FF9900;
	  padding:1%;
	  }

	  .textesInformation
	  {
	  float:right;
	  padding:1%;
	  }

	  
	  
	  
/********************************Fin des cadres liste membre********************************************************/


/********************************************************************************************************************Fin du module du membre et equipe***********************************************************************************************************/

/********************************************************************************************************************Début du module membre**********************************************************************************************************************/
/********************************Début des boutons du profil********************************************************/

      .profil_menu_transparent
	  {
	  margin:1%;
	  margin-left:1px;
	  overflow:auto;
	  padding:4px;
	  border:1px solid #000000;
	  background-color:#99FF00;
	  cursor:pointer;
	  }

	  .profil_menu_visible
	  {
	  margin:1%;
	  margin-left:1px;
	  border:1px solid #000000;
	  overflow:auto;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

	  .profil_menu
	  {
	  overflow:auto;
	  margin:1%;
	  border:1px solid #000000;
	  }

	  .profil_imput_interet
	  {
	  margin-left:-10px;
	  margin-right:-11px;
	  }

/********************************Fin des boutons du profil**********************************************************/
/********************************Début gauche & droite**************************************************************/

	  .profil_left
	  {
	  float:left;
	  width:25%;
	  }

	  .profil_right
	  {
	  float:right;
	  width:75%;
	  }
	  .activiter_profil
	  {
	  margin:1px;
	  width: 170px;
	  font-size:11px;
	  }


/********************************Fin gauche & droite****************************************************************/

/********************************Début contenu du profil************************************************************/

     .informationNoProfil
	  {
	  }
     .informationProfil
	  {
	  font-size:12px;
	  margin-left:-2%;
	  margin-right:-2%;
	  overflow:auto;
	  border-bottom:1px dashed #000000;
	  }

      .titresInformationProfil
	  {
	  float:left;
	  color:#a2a091;
	  padding:1%;
	  }

	  .textesInformationProfil
	  {
	  padding:1%;
	  }


/********************************Fin contenu du profil**************************************************************/

/********************************Début des informations du profil***************************************************/

      .choix_multiple
	  {
	  width:50%;
	  }

      #choix_membre
	  {
	  margin-left:-6%;
	  margin-right:-4%;
	  padding:3%;
	  font-size:11px;
	  border-bottom:1px dashed #000000;
	  }
      .choix_Nomembre
	  {
	  }
      #film_box
	  {
	  display:none;
	  }

      #film_msg
	  {
	  font-size:10px;
	  color:#FF0000;
	  }

      .film_Nomsg
	  {
	  }

      #musique_box
	  {
	  display:none;
	  }

      #musique_msg
	  {
	  font-size:10px;
	  color:#FF0000;
	  border-bottom:1px dashed #000000;
	  }

      .musique_Nomsg
	  {
	  }

      #sport_hiver_box
	  {
	  display:none;
	  }

      #sport_hiver_msg
	  {
	  font-size:10px;
	  color:#FF0000;
	  border-bottom:1px dashed #000000;
	  }

      .sport_hiver_Nomsg
	  {
	  }

      #sport_ete_box
	  {
	  display:none;
	  }

      #sport_ete_msg
	  {
	  font-size:10px;
	  color:#FF0000;
	  border-bottom:1px dashed #000000;
	  }
      .sport_ete_Nomsg
	  {
	  }

      #loisir_box
	  {
	  display:none;
	  }

      #loisir_msg
	  {
	  font-size:10px;
	  color:#FF0000;
	  border-bottom:1px dashed #000000;
	  }

      .loisir_Nomsg
	  {
	  }

      #restaurant_box
	  {
	  display:none;
	  }

      #restaurant_msg
	  {
	  font-size:10px;
	  border-bottom:1px dashed #000000;
	  }

      .restaurant_Nomsg
	  {
	  }


/********************************Fin des informations du profil*****************************************************/

/********************************Début des menues du profil*********************************************************/

      .profil_pseudo
	  {
	  width:69%;
	  border:1px solid;
	  }
      .profil_bottom
	  {
	  width:29%;
	  margin-left:1%;
	  text-align:right;
	  border:1px solid;
	  }


/********************************Fin des menues du profil***********************************************************/

/********************************Début des widgets du profil********************************************************/

      .widgets_annonce
	  {
	  margin:1%;
	  padding:4px;
	  margin-left:1px;
	  border:1px solid #000000;
	  overflow:auto;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .widgets_biographie
	  {
	  margin:1%;
	  padding:4px;
	  margin-left:1px;
	  border:1px solid #000000;
	  overflow:auto;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .widgets_citation
	  {
	  margin:1%;
	  padding:4px;
	  margin-left:1px;
	  border:1px solid #000000;
	  overflow:auto;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .widgets_signature
	  {
	  margin:1%;
	  padding:4px;
	  margin-left:1px;
	  border:1px solid #000000;
	  overflow:auto;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }




      #widgets_contenue
	  {
	  background-color:#F0F0F2;	  
	  }


/********************************Fin des widgets du profil**********************************************************/







/********************************************************************************************************************Fin du module membre************************************************************************************************************************/




/********************************************************************************************************************Début du module friends*********************************************************************************************************************/

      .amis
	  {
		  width:23%;
		  margin-left:5px;
		  border:1px solid;
		  cursor:pointer;
	  }

/********************************************************************************************************************Fin du module friends***********************************************************************************************************************/
/********************************************************************************************************************Début du module d'anniversaire**************************************************************************************************************/

      .anniversaire_mois
	  {
	  display:inline-block;
	  background-color: #BFD73B;
	  text-align:center;
	  }
	  
	  .anniversaire_mois_selected
	  {
	  display:inline-block;
	  background-color:#60BF00;
	  color:#0F6;
	  text-align:center;
	  color:#030;
	  }
	  
      .anniversaire_mois_en_cours
	  {
	  display:inline-block;
	  background-color:#CAFFCA;
	  cursor:pointer;
	  border:1px solid #000000;
	  }
	  
	  .anniversaire_mois_en_cours_selected
	  {
	  display:inline-block;
	  background-color:#CAFFCA;
	  color:#090;
	  cursor:pointer;
	  border:1px solid #000000;
	  }
	  
      .anniversaire_avatar
	  {
	  width:40%;
	  }
      .anniversaire_titre
	  {
	  margin:1%;
	  background-color: #BFD73B;
	  text-align:center;
	  }
      .anniversaire_pseudo
	  {
	  width:12%;
	  }
      .anniversaire_prenon
	  {
	  width:23%;
	  }

      .anniversaire_date
	  {
	  width:20%;
	  }

/********************************************************************************************************************Fin du module d'anniversaire****************************************************************************************************************/

/********************************************************************************************************************Début du module Mini chat*******************************************************************************************************************/

#content #blockCurrentActionChat {
		position:absolute; 
		width:50%; 
		height:auto; 
		top:50%;
		left:30%;
	}
	
#content #blockCurrentActionChat #chatRules {
		background-color: #333;
		border: 1px solid #CCC;
		position: relative;
		width: 85%;
		height: auto;
		bottom: -50px;
		left: 10%;
	}
	
	
.themeMenu_Dialogue {
		background-color: #333;
		border: 1px solid #CCC;
		position: absolute;
		width: 85%;
		height: auto;
		bottom: -50px;
		left: 10%;
	}
	
	
	.line_chat1 {
		background-color:#C6FF8C;
		width:100%;
	}
	
	.line_chat2 {
		background-color:#F0FFE1;
		width:100%;
	}
	
.themeMenu_Dialogue img {
	max-height:180px;
	max-width:280px;
	width:280px;
	height:180px;	
}

      .info
	  {
	  color:#C33;
	  }

/********************************************************************************************************************Fin du module Mini chat*********************************************************************************************************************/

/********************************************************************************************************************Début du panel Administration***************************************************************************************************************/
/********************************Début du panel titre des faqs******************************************************/

      .panel_titre_question_faqs
	  {
	  width:49%;
	  float:left;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .panel_titre_action_faqs
	  {
	  width:49%;
	  float:right;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
/********************************Fin du panel titre des faqs********************************************************/
/********************************Début du panel contenu liste*******************************************************/

      .panel_contenu_question_faqs
	  {
	  width:49%;
	  float:left;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_action_faqs
	  {
	  width:49%;
	  float:right;
	  background-color:#F0F0F2;	  
	  }

/********************************Fin du panel contenu liste*********************************************************/

/********************************Début du panel titre liste*********************************************************/

      .panel_titre_titre_liste
	  {
	  width:9%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .panel_titre_description_liste
	  {
	  width:21%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_module_liste
	  {
	  width:11%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_donnee_liste
	  {
	  width:7%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_image_liste
	  {
	  width:38%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_action_liste
	  {
	  width:11%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du panel titre liste***********************************************************/
/********************************Début du panel contenu liste*******************************************************/

      .panel_contenu_titre_liste
	  {
	  width:9%;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_description_liste
	  {
	  width:21%;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_module_liste
	  {
	  width:12%;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_donnee_liste
	  {
	  width:7%;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_image_liste
	  {
	  width:38%;
	  background-color:#F0F0F2;
	  }
      .panel_contenu_action_liste
	  {
	  width:12%;
	  background-color:#F0F0F2;
	  }

/********************************Fin du panel contenu liste*********************************************************/
/********************************Début du panel titre tuto**********************************************************/

      .panel_titre_titre_tuto
	  {
	  width:16%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .panel_titre_image_tuto
	  {
	  width:50%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_parution_tuto
	  {
	  width:18%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_action_tuto
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du panel titre tuto************************************************************/
/********************************Début du panel contenu tuto********************************************************/

      .panel_contenu_titre_tuto
	  {
	  width:16%;
	  }
      .panel_contenu_image_tuto
	  {
	  width:51%;
	  }
      .panel_contenu_parution_tuto
	  {
	  width:19%;
	  }
      .panel_contenu_action_tuto
	  {
	  width:14%;
	  }

/********************************Fin du panel contenu tuto**********************************************************/

/********************************Début du panel titre news**********************************************************/

      .panel_titre_titre_news
	  {
	  width:40%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .panel_titre_auteur_news
	  {
	  width:15%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_date_news
	  {
	  width:20%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_action_news
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du panel titre news************************************************************/
/********************************Début du panel contenu news********************************************************/

      .panel_contenu_titre_news
	  {
	  width:40%;
	  }
      .panel_contenu_auteur_news
	  {
	  width:15%;
	  }
      .panel_contenu_date_news
	  {
	  width:20%;
	  }
      .panel_contenu_action_news
	  {
	  width:14%;
	  }

/********************************Fin du panel contenu news**********************************************************/











/********************************Début du panel titre des cours*****************************************************/

      .panel_titre_titre_cours
	  {
	  width:49%;
	  background-color:#BFD73B;
	  border:1px solid #000000;
	  }
      .panel_titre_auteur_cours
	  {
	  width:15%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_date_du_cours
	  {
	  width:21%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }
      .panel_titre_action_cours
	  {
	  width:13%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }





/********************************Fin du panel titre des cours*******************************************************/
/********************************Début du panel contenu des cours***************************************************/

      .panel_contenu_titre_cours
	  {
	  width:50%;
	  }
      .panel_contenu_auteur_cours
	  {
	  width:15%;
	  }
	  .panel_contenu_date_du_cours
	  {
	  width:22%;
  }
	  .panel_contenu_action_cours
	  {
	  width:13%;
	  }
/********************************Fin du panel contenu des cours*****************************************************/
/********************************Début du forum titre catégorie*****************************************************/

      .panel_titre_forum_categorie
	  {
	  width:35%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_forum_visibiliter
	  {
	  width:25%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_forum_apparition
	  {
	  width:15%;	  	  
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_forum_action
	  {
	  width:23%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }


/********************************Fin du forum titre catégorie*******************************************************/

/********************************Début du forum contenu catégorie***************************************************/

      .panel_contenu_forum_categorie
	  {
	  width:36%;
	  }

      .panel_contenu_forum_visibiliter
	  {
	  width:25%;
	  }

      .panel_contenu_forum_apparition
	  {
	  width:16%;	  	  
	  }

      .panel_contenu_forum_action
	  {
	  width:23%;
	  }


/********************************Fin du forum contenu catégorie*****************************************************/
/********************************Début du forum titre auto réponse**************************************************/

      .panel_titre_auto_reponse_titre
	  {
	  width:30%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_reponse_visible
	  {
	  width:21%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_reponse_apparition
	  {
	  width:15%;	  	  
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_reponse_automatique
	  {
	  width:19%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_reponse_action
	  {
	  width:13%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du forum titre auto réponse****************************************************/

/********************************Début du forum contenu auto réponse************************************************/

      .panel_contenu_auto_reponse_titre
	  {
	  width:30%;
	  }

      .panel_contenu_auto_reponse_visible
	  {
	  width:21%;
	  margin-left:1px;
	  }

      .panel_contenu_auto_reponse_apparition
	  {
	  width:15%;	  	  
	  margin-left:1px;
	  }

      .panel_contenu_auto_reponse_automatique
	  {
	  width:19%;
	  margin-left:1px;
	  }

      .panel_contenu_auto_reponse_action
	  {
	  width:13%;
	  }

/********************************Fin du forum contenu auto réponse**************************************************/
/********************************Début du forum titre auto méssage**************************************************/

      .panel_titre_auto_message_id
	  {
	  width:10%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_message_titre
	  {
	  width:60%;
	  margin-left:3px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_auto_message_action
	  {
	  width:28%;
	  margin-left:3px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du forum titre auto méssage****************************************************/
/********************************Début du forum contenu auto méssage************************************************/

      .panel_contenu_auto_message_id
	  {
	  width:11%;
	  }

      .panel_contenu_auto_message_titre
	  {
	  width:61%;
	  }

      .panel_contenu_auto_message_action
	  {
	  width:28%;
	  }

/********************************Fin du forum contenu auto méssage**************************************************/

/********************************Début du titre sondage*************************************************************/

      .panel_titre_sondage_question
	  {
	  width:21%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_auteur
	  {
	  width:6%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_date
	  {
	  width:23%;	  	  
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_vote
	  {
	  width:13%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_fin
	  {
	  width:12%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_etat
	  {
	  width:10%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_sondage_action
	  {
	  width:12%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }



/********************************Fin du titre sondage***************************************************************/
/********************************Début du contenu sondage***********************************************************/

      .panel_contenu_sondage_question
	  {
	  width:21%;
	  }

      .panel_contenu_sondage_auteur
	  {
	  width:6%;
	  }

      .panel_contenu_sondage_date
	  {
	  width:23%;	  	  
	  }

      .panel_contenu_sondage_vote
	  {
	  width:13%;
	  }

      .panel_contenu_sondage_fin
	  {
	  width:12%;
	  }

      .panel_contenu_sondage_etat
	  {
	  width:11%;	  	  
	  }

      .panel_contenu_sondage_action
	  {
	  width:12%;
	  }



/********************************Fin du contenu sondage*************************************************************/
/********************************Début du titre vidéo***************************************************************/

      .panel_titre_video_question
	  {
	  width:40%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_video_auteur
	  {
	  width:40%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_video_date
	  {
	  width:18%;	  	  
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du titre vidéo*****************************************************************/
/********************************Début du contenu vidéo*************************************************************/

      .panel_contenu_video_question
	  {
	  width:40%;
	  }

      .panel_contenu_video_auteur
	  {
	  width:40%;
	  }

      .panel_contenu_video_date
	  {
	  width:18%;	  	  
	  }

/********************************Fin du contenu vidéo***************************************************************/

/********************************Début des couleurs des pseudos*****************************************************/

      .admin_color
	  {
	  color:#FF6666;
	  text-decoration:none;
	  }

      .modo_color
	  {
	  color:#00CC00;
	  text-decoration:none;
	  }

      .partenaire_color
	  {
	  color:#F60;
	  text-decoration:none;
	  }

      .membre_color
	  {
	  color:#0066CC;
	  text-decoration:none;
	  }

	  .membre_color_homme
	  {
	  color:#0099CC;
	  }

	  .membre_color_femme
	  {
	  color:#FF6AB5;
	  }

/********************************Fin des couleurs des pseudos*******************************************************/

/********************************************************************************************************************Fin du panel Administration*****************************************************************************************************************/

/********************************************************************************************************************Débuts des avatars du site******************************************************************************************************************/

/********************************Début d'avatar des membres inscrits************************************************/

      .mini_avatar_inscrit
	  {
	  max-width:60px;
	  max-height:80px;
	  }

/********************************Fin d'avatar des membres inscrits**************************************************/


      .avatar_membre
	  {
	  max-width:80px;
	  max-height:80px;
	  }

/********************************Fin d'avatar des membres***********************************************************/


/********************************Début d'avatar des sortie**********************************************************/

      .avatar_sortie
	  {
	  max-width:180px;
	  max-height:180px;
	  }

/********************************Fin d'avatar des sorties***********************************************************/

/********************************************************************************************************************Fin des avatars du site*********************************************************************************************************************/

/********************************************************************************************************************Début du module du calendrier***************************************************************************************************************/

/********************************Début du titre du calendrier l'évenement*******************************************/

      .panel_titre_titre_evenement 
	  {
	  width:16%;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_date_evenement 
	  {
	  width:44%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_description_evenement 
	  {
	  width:24%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

      .panel_titre_action_evenement
	  {
	  width:14%;
	  margin-left:1px;
	  background-color:#BFD73B;	  
	  border:1px solid #000000;
	  }

/********************************Fin du titre du calendrier l'évenement*********************************************/

/********************************Début du contenu du calendrier l'évenement*****************************************/

      .panel_contenu_titre_evenement 
	  {
	  width:15%;
	  }

      .panel_contenu_date_evenement 
	  {
	  width:45%;
	  }

      .panel_contenu_description_evenement 
	  {
	  width:25%;
	  }

      .panel_contenu_action_evenement
	  {
	  }

/********************************Fin du contenu du calendrier l'évenement*******************************************/

/********************************Début du calendrier de l'index*****************************************************/


      #calendrier
	  {
	  width:10%;
	  }

/********************************Fin du calendrier de l'index*******************************************************/
/********************************Début des couleurs du calendrier de l'index****************************************/

      .calendrier_jour_ferie a
	  {
	  color:#FF5151;
	  }

      .calendrier_jour_ferie
	  {
	  color:#FF5151;
	  }

      .calendrier_jour_passe
	  {
	  background-color:#E1FFA4;
	  }

      .calendrier_jour_actuel
	  {
	  color:#333;
	  background-color:#C2FA41;
	  border-color:#C48000;
	  }

      .calendrier_jour_sortie
	  {
	  color:#0CF;
	  background-color:#CCD7FF;
	  }

      .calendrier_jour_event
	  {
	  color:#FFF;
	  background-color:#FFD2D2;
	  }

      .calendrier_jour_birthday
	  {
	  color:#FFF;
	  background-color:#06C;
	  }

/********************************Fin des couleurs du calendrier de l'index******************************************/

/********************************Début du contour du calendrier de l'index******************************************/

      table.calendrier
	  {
	  margin: auto;
	  text-align: center;
	  color:#000000;
	  border-collapse: collapse;
	  }

      table.calendrier th
	  {
	  }

      table.calendrier td
	  {
	  width: 40px;
	  height: 30px;
	  }

      table.calendrier td div
	  {
	  padding: 0px;
	  }

      .jourEvenement
	  {
	  background-color: rgb(112, 121, 241);
	  }

      .lienCalendrierJour
	  {
	  background-color: #009933;
	  }

      .calendrier caption
	  {
	  margin: auto;
	  margin-bottom: 5px;
	  }

/********************************Fin du contour du calendrier de l'index********************************************/

/********************************************************************************************************************Fin du module du calendrier*****************************************************************************************************************/

/********************************************************************************************************************Début du plan du site***********************************************************************************************************************/

      div .tree_title
	  {
	  background: url(./images/plan/dossier.png) no-repeat -5px -7px;
	  padding-left:20px;
	  padding-bottom:1px;
	  padding-top:4px;
	  margin-left:5%;
	  }

      div .tree_cat
	  {
	  background: url(./images/plan/verticale.png) repeat-y -5px -3px;
	  padding-left:23px;
	  margin-left:5%;
	  }

      div .treeview_map
	  {
	  }

      div .tree_cat_content
	  {
	  }

      div .tree_cat_content div
	  {
	  padding-left:25px;
	  margin-left:7%;
	  background: url(./images/plan/verticale.png) repeat-y 0px 0px;
	  padding-top:2px;
	  }

/********************************************************************************************************************Fin du plan du site*************************************************************************************************************************/
/********************************************************************************************************************Début du support****************************************************************************************************************************/

	.preload1 {
		background-image: url(images/support/modozone-over.png);
		display:none;
	}
	
	.preload2 {
		background-image: url(images/support/adminzone-over.png);
		display:none;
	}
	
	.supportModo {
		display:inline-block;
		width: 160px;
		height: 240px;
		max-width: 160px;
		max-height: 240px;
		background-image: url(images/support/modozone-out.png);
		margin-left: 120px;
		cursor:pointer;
	}
	
	.supportModo:hover {
		background-image:url(images/support/modozone-over.png);
	}
	
	.supportAdmin {
		display:inline-block;
		width: 160px;
		height: 240px;
		max-width: 160px;
		max-height: 240px;
		background-image: url(images/support/adminzone-out.png);
		margin-left: 160px;
		cursor:pointer;
	}
	
	.supportAdmin:hover {
		background-image:url(images/support/adminzone-over.png);
	}

/********************************************************************************************************************Fin du support******************************************************************************************************************************/
